/***********************效果***********************/
//斜面立体效果
.bevelVar--c {
  box-shadow: inset var(--c) 3rem 3rem 6rem, var(--c) 3rem 3rem 6rem;
}
.shadowVar--c {
  box-shadow: var(--c) 3rem 3rem 6rem;
}
//点击效果
.activeVar--bg:active {
  --bg: var(--C-B1);
  background: var(--bg);
  filter: brightness(90%) invert(0.4);
} 
/***********************效果***********************/
//斜面立体效果
.bevelVar--BEc {
  --BEc: rgba(0, 0, 0, 0.1);
  box-shadow: inset var(--BEc) 5rem 5rem 6rem, var(--BEc) 5rem 5rem 12rem;
}
.shadowVar--SHc {
  --SHc: rgba(0, 0, 0, 0.1);
  box-shadow: var(--SHc) 5rem 5rem 12rem;
}
//点击效果
.active:active {
  filter: brightness(90%) invert(0.3);
}
//点击效果
.activeVar--ACbg:active {
  --ACbg: var(--C-OB1);
  background: var(--ACbg);
  filter: brightness(90%) invert(0.3);
}
.borderVar--BOc {
  --BOc: var(--C-OT3);
  border-bottom: solid 1rem var(--BOc);
}
